<template>
    <div class="company-pagination-sec">
        <el-pagination
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="currentPage"
            :page-sizes="[5, 10, 20, 30]"
            :page-size="5"
            layout="total, sizes, prev, pager, next, jumper"
            :total="3">
        </el-pagination>
    </div>
</template>

<script>
    export default {
        name: "companyPa",
        methods: {
            handleSizeChange(val) {
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                console.log(`当前页: ${val}`);
            }
        },
        data() {
            return {
                currentPage: 1
            };
        }
    }
</script>

<style lang="less" scoped>
    .company-pagination-sec {
        text-align: right;
        margin-top: 20px;
    }
</style>
